<!-- HomeHeader -->
<template>
<div class='homeheader'>
    <div class="home-nav">
      <i class="iconfont icon-wode" @click="touxiang"></i>
      <p>首页</p>
    </div>
</div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
//import引入的组件需要注入到components对象中才能使用
components: {},
data() {
//这里存放数据
return {

};
},
//计算属性 类似于data概念
computed: {},
//监控data中的数据变化
watch: {},
//方法集合
methods: {
    // touxiang(){

    // }
},
}
</script>
<style lang="less">
.home-nav{
    width: 100%;
    position: relative;
    background: #ccc;
    i{
        position: absolute;
        left: 0;
        top:0;
        font-size: 2rem;
        height: 2rem;
        margin-top: 0.5rem;
        margin-left: 1rem;
    }
    p{
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        text-align: center;

    }
}

</style>